<html>
<head>
    <title>Popshouse Admin</title>
    
	<link rel="stylesheet" href="{{ asset('css/reset.css') }}" type="text/css" media="screen, projection">
   
	<style type="text/css">
    body{
	
    }
    h1{
	
    }
    h2{
	
    }
    .header{
	    background: url('{{ asset('images/layout/admin/bg/top.jpg') }}') repeat-x top left;
        width:100%;
    }
    .menu_wrapper{
    	background: url('{{ asset('images/layout/admin/bg/menu.png') }}') repeat-x top left;
        height:39px;
        width:100%;
    }
    .submenu{
        background: url('{{ asset('images/layout/admin/bg/submenu.png') }}') repeat-x top left;
        height:39px;
        width:100%;
    }
    .container{
	   margin: 0 auto;
        width: 900px;
    }
    
    .body{
         background: url('{{ asset('images/layout/admin/bg/content_repeat.png') }}') repeat-x top left;
         width:100%;
    }
    .content_wrapper_left{
	   background: url('{{ asset('images/layout/admin/bg/shadow_left.jpg') }}') no-repeat left middle;
       padding: 0 0 0 10px;
       width: 920px;
       margin: 0 auto;
    }
    .content_wrapper_right{
    	background: url('{{ asset('images/layout/admin/bg/shadow_right.jpg') }}') no-repeat right middle;
        padding: 0 10px 0 0;
        width:910px;
    }
    
    .content_wrapper{
    	border: 2px solid #;
        -webkit-border-radius:5px;
        padding: 10px;
        width:900px;
    }
    
    .content_wrapper h1{}
    .content_
 
    .sidemenu{}
    
    
    /*
	body{
		background-color:#2f2f2f;
		color:#f1f1f1;
		font-size:12px;
		font-family:verdana;
    }
input[type="text"], input[type="password"], textarea {font-size: 13px;font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;color: #ccc;background-color: #2f2f2f;padding: 3px;margin-bottom: 2px;border: 1px solid silver;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;outline: 0;}
textarea:focus {
background: #f8f8c2;
    color:black;
    border-top-color: #969696;
border-bottom-color: #E6E6E6;
}
input[type="text"]:focus, input[type="password"]:focus {
background: ivory url('{{ asset('images/layout/bg/form-focus-small.png') }}') repeat-x;
border-top-color: #969696;
border-bottom-color: #E6E6E6;
    color:black;
}
    div,ul,li{margin:0;padding:0;}
    a{color:#f1f1f1;}
    
    .menu{clear:both;}
    .menu ul{
    	list-style:none;
    }
    .menu ul li{
        float:left;
        margin-right:5px;
    }
    .menu ul li a{
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
	    -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
	    -khtml-border-top-left-radius: 5px;
        -khtml-border-top-right-radius: 5px;
        border:1px solid #2f2f2f;
        border-bottom:none;
        vertical-align:middle;
        text-align:center;
        padding:10px;
    text-decoration:none;
    }
    .menu ul li a.active, .menu ul li a:hover{
        background-color:#2f2f2f;
        text-decoration:underline;
    }
    .container{
    	width:900px;
        background-color:#202020;
        margin:0 auto;
        padding:10px;
    }
    .left{float:left;}
    .right{float:right;}
    .main{clear:both;background-color:#2f2f2f;padding:10px 0;}
    
    .content{background-color:#2f2f2f;}
    .left{background-color:#2f2f2f;}
    .side{padding:10px;}
    .side .menu{list-style:none;}
	a.action span {
	font-weight: bold;
	font-size: 11px;
	font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	background: #2f2f2f url('{{ asset('images/layout/button/button-25px.png') }}') repeat-x center -8px;
	padding: 0 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	display: block;
		cursor:pointer;
	}
	
    a.action {
	background: #202020 url('{{ asset('images/layout/button/button-25px.png') }}') repeat-x center top;
	padding: 2px;
	border: 1px solid #202020;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	display: inline-block;
	line-height: 20px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
	-khtml-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
	outline: 0 none;
	height: 20px;
	}
	
		a.action:active span {
		background-color: #176093;
		}
		a.action:hover span {
		background-color: #ff4400;
		}
	
.flash-notice{background-color:#FF6600;display:block;font-weight:bold;color:#fff; padding:8px; margin-top:5px;}
.flash-notice p{font-weight:bold;color:#fff;}
.textCtrl {font-size: 13px;font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;color: black;background-color: white;padding: 3px;margin-bottom: 2px;border: 1px solid silver;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;outline: 0;}
ul.errors{color: #ff003C;list-style-type:square;}
ul.errors li{display:list-item;float:none;}
    
    ul.strings{list-style:none;}
    ul.strings ul{list-style:none;}
    
    ol.images{list-style:none;text-align:left;}
    ol.images li{float:left; width:56px;height:56px; margin:2px;}
    ol.images li img.bg{background-color:#2f2f2f;border:3px solid #202020; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    width:50px;height:50px}
    



    .nieuws li{
	   height:50px;
        line-height:50px;
    padding:0;
    }
    
    .nieuws li img{
    	max-height:50px;
    max-width:50px;
    vertical-align:middle;
    padding:0;
    margin:0;
}
    .nieuws a{
    	line-height:50px;
        font-size:20px;
vertical-align:middle;
    }

*/

    </style>
	<link rel="stylesheet" href="{{ asset('css/ui-darkness/jquery-ui.css') }}" type="text/css" media="screen, projection">
	
	
	<script type="text/javascript">if (!window.jQuery) { document.write('<scr'+'ipt type="text/javascript" src="{{ asset('js/jquery.min.js') }}"><\/scr'+'ipt>'); }</script> 
<script type="text/javascript" src="{{ asset('js/jquery.form.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/tiny_mce/jquery.tinymce.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery.livequery.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery.elastic.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery.prettyLoader.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/admin.js') }}"></script>
	<script type="text/javascript">
	$(document).ready(function() {
	    {% block js %}

	    {% endblock %}
    });
    </script>

</head>
<body>
<div class="container">
	<div class="header">
	   <h1>
	   Popshouse Admin
	   </h1>
	    <div class="menu">
	       <ul>
	           <li><a href="{{ path('home') }}" {% if active is sameas('home') %}class="active"{% endif %}>Home</a></li>
	           <li><a href="{{ path('admin_news') }}" {% if active is sameas('news') %}class="active"{% endif %}>Nieuws</a></li>
	           <li><a href="{{ path('trans') }}" {% if active is sameas('trans') %}class="active"{% endif %}>Vertalen</a></li>
	           <li><a href="{{ path('bg') }}" {% if active is sameas('bg') %}class="active"{% endif %}>Achtergronden</a></li>
	           <li><a href="{{ path('pricing') }}" {% if active is sameas('pricing') %}class="active"{% endif %}>Reservaties</a></li>
	           <li><a href="#">Statistieken</a></li>
	           <li><a href="{{ path('logout') }}">Logout</a></li>
	       </ul>
	    </div>
	</div>
	<div class="main">
		{% block content %}
	    
	    {% endblock %}
	  
	    <div style="clear:both;">&nbsp;</div>
	</div>
	<div>&nbsp;</div>
</div>

</body>
</html>